﻿@model MtsSurvey.Models.UserLoginModel
@{
    Layout = "~/Views/Shared/_LayoutSurveyPage.cshtml"; 
}

@{
    ViewBag.Title = "Login";

}
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <style>
        .login {
            position: relative;
            margin: 0 auto;
            margin-top: 50px !important;
            padding: 20px 20px 20px;
            width: 260px;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 3px;
            -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
        }

            .login:before {
                content: '';
                position: absolute;
                top: -8px;
                right: -8px;
                bottom: -8px;
                left: -8px;
                z-index: -1;
                background: rgba(0, 0, 0, 0.08);
                border-radius: 4px;
            }

            .login h1 {
                margin: -20px -20px 21px;
                line-height: 40px;
                font-size: 15px;
                font-weight: bold;
                color: rgba(0, 0, 0, 0.08);
                text-align: center;
                text-shadow: 0 1px white;
                background: #6b5737;
                border-bottom: 1px solid #cfcfcf;
                border-radius: 3px 3px 0 0;
                background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
                background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
                background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
                background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
                -webkit-box-shadow: 0 1px whitesmoke;
                box-shadow: 0 1px whitesmoke;
            }

            .login p {
                margin: 20px 0 0;
            }

                .login p:first-child {
                    margin-top: 0;
                }

            .login input[type=text], .login input[type=password] {
                width: 230px;
            }

            .login p.remember_me {
                float: left;
                line-height: 31px;
            }

                .login p.remember_me label {
                    font-size: 12px;
                    color: #777;
                    cursor: pointer;
                }

                .login p.remember_me input {
                    position: relative;
                    bottom: 1px;
                    margin-right: 4px;
                    vertical-align: middle;
                }

            .login p.submit {
                text-align: right;
            }

        .login-help {
            margin: 20px 0;
            font-size: 11px;
            color: white;
            text-align: center;
            text-shadow: 0 1px #2a85a1;
        }

            .login-help a {
                color: #cce7fa;
                text-decoration: none;
            }

                .login-help a:hover {
                    text-decoration: underline;
                }
    </style>

    <div class="login">
        <h1>Admin Login</h1>
        <p>
            @Html.EditorFor(model => model.UserEmail, new { htmlAttributes = new { @class = "", @placeholder = "Email" } })
            <br />
            @Html.ValidationMessageFor(model => model.UserEmail, "", new { @class = "text-danger" })
        </p>
        <p>
            @Html.EditorFor(model => model.Password, new { htmlAttributes = new { @type = "password", @placeholder = "Password" } })
            <br />
            @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
        </p>
        <p class="submit"><input type="submit" value="Login" class="btn btn-info"></p>
         @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
